<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" 
			content="width=device-width, initial-scale=1.0" />
		<title>堆糖</title>
		<link rel="stylesheet" 
			href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
  		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<nav>
			<div class="container">
				<div class="row">
					<div class="col-md-3 clearfix">
						<img class="q0" src="images/logo.png"/>
						<span id="dt-nav-btn">分类 ∨</span>
						<div id="dt_nav_content">
							<img src="images/je.png"/>
						</div>
					</div>
					<div class="col-md-6">
						<input class="q2" placeholder="搜索感兴趣的内容"/><button class="q3">.</button>
					</div>
					<div class="col-md-3 clearfix">
						<a href="" class="q4">堆糖生活家</a>
						<a href="" class="q5">注册/登录</a>
					</div>
				</div>	
			</div>
		</nav>
		<div class="container ht">
			<div class="row">
				<div class="col-md-4 text-center">
					<h6>女生必备<br />暖心APP</h6>
				</div>
				<div class="col-md-8">
					<p>手机扫一扫下载堆糖APP&nbsp;&nbsp;领取108元礼券 抽取99元现金红包</p>
				</div>
			</div>
		</div>
		<header>
			<div class="container">
				<div class="row">
					<div class="col-md-9 h-left">
						 <div class="swiper-container">
					        <div class="swiper-wrapper">
					          <div class="swiper-slide">
					              <img src="images/h3_03.gif" alt="">
					          </div>
					          <div class="swiper-slide">
					              <img src="images/h3_03.gif" alt="">
					          </div>
					          <div class="swiper-slide">
					              <img src="images/h3_03.gif" alt="">
					          </div>
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					         <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
   							 <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
					      </div>
					</div>
					<div class="col-md-3 h-right">
						<h2>社区热点</h2>
						<ul>
							<li><a href="">欧美风</a></li>
							<li><a href="">美甲</a></li>
							<li><a href="">东宫</a></li>
							<li><a href="">张云雷</a></li>
							<li><a href="">插画</a></li>
							<li><a href="">女生节</a></li>
							<li><a href="">阿丽塔</a></li>
							<li><a href="">猫</a></li>
						</ul>
						<div class="r-1">
							<div class="">
								<span class="s-1">精选</span><span class="s-2">招募·少女感养成...</span>
							</div>
							<div class="o1">
								<span class="s-3">工具</span><span class="s-4">堆糖收图小助手</span>
							</div>
						</div>
						<div class="r-2 clearfix">
							<img src="images/123.png" alt="" />
							<div class="o-1">
								<h5>堆糖·美好生活研究所</h5>
								<p>最佳生活类应用</p>
								<a href="">立即下载</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<div class="main">
			<div class="container">
				<div class="row">
					<div class="col-md-9">
						<div class="row">
							<div class="col-md ct">
								<p class="ml-1">▎ 每日精选</p>
								<p class="ml-2">关注动态</p>
							</div>
							<div class="col-md sf">
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_03.gif" alt="" />
										<div class="too">
											<h6>堆糖小喇叭</h6>
											<p>热门内容</p>
										</div>
										<h5>留下壁纸，我们就是朋友！</h5>
										<div class="cab">
											<img class="cx1" src="images/zxc_03.gif" alt="" />
											<img class="cx2" src="images/cab1_03.gif"/>
											<a class="a1" href="">堆糖小喇叭</a>
											<img class="cx3" src="images/cab2_03.gif"/>
											<a class="a2" href="">文章</a>
										</div>
									</div>
									<div class="toe">
										<a class="cp1" href="#"><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_06.gif" alt="" />
										<div class="too">
											<h6>coloroom彩条屋</h6>
											<p>热门内容</p>
										</div>
										<h5>让观众苦等十年的《夏目友人帐》,到底是什么？</h5>
										<img src="images/m2_06.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href="#"><img src="images/cp1_07.gif"/> &nbsp; 1228</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 1581</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_08.gif" alt="" />
										<div class="too">
											<h6>美少女PINK酱</h6>
											<p>热门内容</p>
										</div>
										<h5>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要连接！</h5>
										<img src="images/m3_08.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_10.gif" alt="" />
										<div class="too">
											<h6>-你是我全世界最喜欢的猪-</h6>
											<p>热门内容</p>
										</div>
										<h5>有哪些适合摘抄的 文艺且悲凉的句子？</h5>
										<img src="images/m4_10.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_12.gif" alt="" />
										<div class="too">
											<h6>干脆面炼金术士</h6>
											<p>热门内容</p>
										</div>
										<h5>人生的意义，在于一天比一天获得快乐</h5>
										<img src="images/m5_12.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_14.gif" alt="" />
										<div class="too">
											<h6>堆糖小喇叭</h6>
											<p>主题-我曾为你动过情</p>
										</div>
										<h5>我曾为你动过情</h5>
										<img src="images/m6_14.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_16.gif" alt="" />
										<div class="too">
											<h6>-你是我全世界最喜欢的猪-</h6>
											<p>热门内容</p>
										</div>
										<h5>登上79所高校学生借阅排行榜的九本书</h5>
										<img src="images/m7_16.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_18.gif" alt="" />
										<div class="too">
											<h6>情写风月</h6>
											<p>热门内容</p>
										</div>
										<h5>799风景内侧美化包</h5>
										<img src="images/m8_18.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_20.gif" alt="" />
										<div class="too">
											<h6>审</h6>
											<p>热门内容</p>
										</div>
										<h5>火影你们粉谁 留名我去截头像！</h5>
										<img src="images/m9_20.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_22.gif" alt="" />
										<div class="too">
											<h6>美少女PINK酱</h6>
											<p>热门内容</p>
										</div>
										<h5>初春外套美炸天！！第一件闺蜜追着我要链接！！</h5>
										<img src="images/m10_22.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_24.gif" alt="" />
										<div class="too">
											<h6>少女感养成学院</h6>
											<p>热门内容</p>
										</div>
										<h5>同桌的你</h5>
										<img src="images/m11_24.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_26.gif" alt="" />
										<div class="too">
											<h6>堆糖小喇叭</h6>
											<p>热门内容</p>
										</div>
										<h5>我的CP真香！</h5>
										<img src="images/m12_26.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_28.gif" alt="" />
										<div class="too">
											<h6>白日做梦大熊</h6>
											<p>热门内容</p>
										</div>
										<h5>当女生也太太太太不容易了</h5>
										<img src="images/m13_28.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_30.gif" alt="" />
										<div class="too">
											<h6>-你是我全世界最喜欢的猪-</h6>
											<p>热门内容</p>
										</div>
										<h5>有哪些好看 值得回味的爱情电影？</h5>
										<img src="images/m14_30.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_32.gif" alt="" />
										<div class="too">
											<h6>堆糖Class小助手</h6>
											<p>热门内容</p>
										</div>
										<h5>伴随一生的「少女感」,拥有它一点也不难</h5>
										<img src="images/m15_32.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_34.gif" alt="" />
										<div class="too">
											<h6>飞乐鸟</h6>
											<p>热门内容</p>
										</div>
										<h5>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</h5>
										<img src="images/m16_34.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_36.gif" alt="" />
										<div class="too">
											<h6>美少女PINK酱</h6>
											<p>热门内容</p>
										</div>
										<h5>7个私藏的小众APP，实用又有bigger，用过三款算我输！</h5>
										<img src="images/m17_36.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="c-1">
									<div class="to clearfix">
										<img class="tx" src="images/tx_38.gif" alt="" />
										<div class="too">
											<h6>-你是我全世界最喜欢的猪-</h6>
											<p>热门内容</p>
										</div>
										<h5>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</h5>
										<img src="images/m18_38.gif" alt="" />
									</div>
									<div class="toe">
										<a class="cp1" href=""><img src="images/cp1_07.gif"/> &nbsp; 54</a><a href=""><img src="images/cp2_07.gif"/> &nbsp; 104</a><a href=""><img src="images/cp3_07.gif"/> &nbsp; 更多</a>
									</div>
								</div>
								<div class="cto text-center">
									<a href="#">查看更多∨</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 shiwo">
						<div class="right-one">
							<div class="one-1 clearfix">
								<h2>推荐关注</h2>
								<a href="#">换一批</a>
							</div>
							<div class="one-2">
								<div class="gz1 clearfix">
									<img src="images/gz_03.gif" alt="" />
									<div class=""><h2>一望损莓苔</h2>
									<p>擅长领域：手工，园艺</p></div>
									<a href="#">关注</a>
								</div>
								<div class="gz1 clearfix">
									<img src="images/gz1_03.gif" alt="" />
									<div class=""><h2>猫头鹰叔叔</h2>
									<p>擅长领域：摄影</p></div>
									<a href="#">关注</a>
								</div>
								<div class="gz1 clearfix">
									<img src="images/gz2_03.gif" alt="" />
									<div class=""><h2>兔纸鱼</h2>
									<p>擅长领域：Q版</p></div>
									<a href="#">关注</a>
								</div>
								<div class="gz1 clearfix">
									<img src="images/gz3_03.gif" alt="" />
									<div class=""><h2>小熊奶黄包</h2>
									<p>擅长领域：壁纸，Q版</p></div>
									<a href="#">关注</a>
								</div>
							</div>
							<div class="gzb text-center">
								<a href="#">
									查看更多 >
								</a>
							</div>
						</div>
						<div class="right-two">
							<h2>女生必备暖心APP</h2>
							<img src="images/erweima_03.gif" alt="" />
							<p>手机扫一扫下载堆糖APP</p>
							<p>领取108元礼券 抽取99元现金红包</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="top clearfix">
					<div class="i">
						<p><a href="#">APP下载</a></p>
						<img src="images/20190320123039_Ey8sc.png"/>
						<p>扫描二维码<br />下载手机客户端</p>
					</div>
					<div class="b">
						<a href="">关于我们</a>
						<a href="">关于我们</a>
						<a href="">加入我们</a>
						<a href="">联系我们</a>
						<a href="">商务合作</a>
					</div>
					<div class="b">
						<a href="">关于我们</a>
						<a href="">新浪微博</a>
						<a href="">微信公众号</a>
					</div>
					<div class="b">
						<a href="">友情链接</a>
						<a href="">爱购物</a>
						<a href="">东方女性网</a>
						<a href="">肉丁网</a>
						<a href="">更多...</a>
					</div>
				</div>
				<div class="bottom clearfix">
					<div class="sahng">
						<span>?2019 duitang.com 版权所有。沪ICP备10038086号-3</span>
						<img src="images/20180426161626_ByaRe.png"/>
						<img src="images/20180426161639_VL3cE.png"/>
						<span>| 增值电信业务经营许可证：沪B2-20180610自营经营者信息</span>
					</div>
					<div class="xia">
						<a href=""><i></i>上海市互联网违法和不良信息举报中心</a>
						<span>|   有害内容举报电话：021-63462282</span>
					</div>
				</div>
			</div>
		</div>
		<div id="toTop">↑</div>
		 <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
	    <script>
	    var swiper = new Swiper('.swiper-container', {
	      pagination: {
	        el: '.swiper-pagination',
	      },
	    });
	      var mySwiper = new Swiper('.swiper-container', {
	  	  navigation: {
	 	     nextEl: '.swiper-button-next',
		      prevEl: '.swiper-button-prev',
	  	  },
  		});
	    </script>
		<script src="script.js"></script>
	</body>
</html>
